<template>
  <f7-app :params="f7params">

    <f7-statusbar></f7-statusbar>
    <f7-view id="main-view" url="/" main class="safe-areas"></f7-view>
  </f7-app>
</template>

<script>
import routes from './routes.js'

export default {
  data() {
    return {
      // Framework7 parameters here
      f7params: {
        id: 'io.framework7.testapp', // App bundle ID
        name: 'Framework7', // App name
        theme: 'md', 
        view:{
          // reloadPages:true,
          // pushState:true,
          // pushStateRoot:"/checkpub/mobile/",
        },
        panel: {
          // swipe: 'left',
          // leftBreakpoint: 960,
        },
        statusbar: {
          // iosOverlaysWebView: true,
          // overlay:true,
          // enabled:false,
        },

        navbar:{
          mdCenterTitle:true,
        },
        routes: routes,
      },
    }
  }
}
</script>
